<template>
<h1 ref="title">组件Ref中的北京</h1>
<h1>上海</h1>
<h1>广州</h1>
<button @click="printTitle">点我打印北京的标签</button>
</template>


<script setup lang="ts">
import { ref } from 'vue'
const title = ref('北京')
let a=ref(1)
let b=ref(2)
let c=ref(3)
const printTitle = () => {
    console.log(title.value)
}
// 暴露给父组件,父组件通过refTitle.value.a,b,c可以访问到子组件的a,b,c
defineExpose({a,b,c,printTitle})
</script>
<!-- scoped 样式只对当前组件有效，不会影响其他组件 -->
<style scoped>

</style>